$(function(){
//下一页按钮所在的div
	var wrap = document.getElementById("wrap");
	touch.on(wrap,"touchstart",function(e){
		var  event1=window.event||e;
//		event1.preventDefault();
	})
	touch.on(wrap,"swipeup",function(e){
		location.href = "six.html";
	});
	touch.on(wrap,"swipedown",function(e){
		
		location.href = "four.html";
	});
var leftarr=[$("#img1s img").eq(0).position().left,$("#img1s img").eq(1).position().left,$("#img1s img").eq(2).position().left,$("#img1s img").eq(3).position().left,$("#img1s img").eq(4).position().left,$("#img1s img").eq(5).position().left,$("#img1s img").eq(6).position().left,$("#img1s img").eq(7).position().left,$("#img1s img").eq(8).position().left,$("#img1s img").eq(9).position().left];
var toparr=[$("#img1s img").eq(0).position().top,$("#img1s img").eq(1).position().top,$("#img1s img").eq(2).position().top,$("#img1s img").eq(3).position().top,$("#img1s img").eq(4).position().top,$("#img1s img").eq(5).position().top,$("#img1s img").eq(6).position().top,$("#img1s img").eq(7).position().top,$("#img1s img").eq(8).position().top,$("#img1s img").eq(9).position().top];


	var t9=toparr[9];
	var 	l9=leftarr[9];
	var t8=toparr[8];
	var 	l8=leftarr[8];
	var t7=toparr[7];
	var 	l7=leftarr[7];
	var t6=toparr[6];
	var 	l6=leftarr[6];
	var t5=toparr[5];
	var 	l5=leftarr[5];
	var t4=toparr[4];
	var 	l4=leftarr[4];
	var t3=toparr[3];
	var 	l3=leftarr[3];
	var t2=toparr[2];
	var 	l2=leftarr[2];
	var t1=toparr[1];
	var 	l1=leftarr[1];
	var t0=toparr[0];
	var 	l0=leftarr[0];
	
	
	
	


	
	
	
	
	
	
	
	
	
	
	
	
	
	$("#img1s img").hide();
	setTimeout(function(){
		$("#img1s img").eq(8).slideDown(500);

	},100);
	
	
	setTimeout(function(){
		$("#img1s img").eq(9).slideDown(500);
		
	},500);
	setTimeout(function(){
		$("#img1s img").eq(5).slideDown(500);
		var timer=setInterval(function(){
			t8--;
			l8--;
			$("#img1s img").eq(8).css({
				left:l8+"px",
				top:t8+"px"
			})
			if((toparr[8]-t8)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(8).css("visibility","visible");
		
	},1000);
	setTimeout(function(){
		$("#img1s img").eq(7).slideDown(500);
		var timer=setInterval(function(){
			t9--;
			l9--;
			$("#img1s img").eq(9).css({
				left:l9+"px",
				top:t9+"px"
			})
			if((toparr[9]-t9)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(9).css("visibility","visible");
	},1500);
	
	setTimeout(function(){
		$("#img1s img").eq(6).slideDown(500);
		var timer=setInterval(function(){
			t5--;
			l5--;
			$("#img1s img").eq(5).css({
				left:l5+"px",
				top:t5+"px"
			})
			if((toparr[5]-t5)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(5).css("visibility","visible");
		
	},2000);
	setTimeout(function(){
		$("#img1s img").eq(2).slideDown(500);
		var timer=setInterval(function(){
			t7--;
			l7--;
			$("#img1s img").eq(7).css({
				left:l7+"px",
				top:t7+"px"
			})
			if((toparr[7]-t7)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(7).css("visibility","visible");
	},2500);
	setTimeout(function(){
		$("#img1s img").eq(3).slideDown(500);
		var timer=setInterval(function(){
			t6--;
			l6--;
			$("#img1s img").eq(6).css({
				left:l6+"px",
				top:t6+"px"
			})
			if((toparr[6]-t6)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(6).css("visibility","visible");
		
	},3000);
	setTimeout(function(){
		$("#img1s img").eq(4).slideDown(500);
		var timer=setInterval(function(){
			t2--;
			l2--;
			$("#img1s img").eq(2).css({
				left:l2+"px",
				top:t2+"px"
			})
			if((toparr[2]-t2)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(2).css("visibility","visible");
	},3500);
	setTimeout(function(){
		$("#img1s img").eq(1).slideDown(500);
		var timer=setInterval(function(){
			t3--;
			l3--;
			$("#img1s img").eq(3).css({
				left:l3+"px",
				top:t3+"px"
			})
			if((toparr[3]-t3)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(3).css("visibility","visible");
	},4000);
	setTimeout(function(){
		$("#img1s img").eq(0).slideDown(500);
		var timer=setInterval(function(){
			t4--;
			l4--;
			$("#img1s img").eq(4).css({
				left:l4+"px",
				top:t4+"px"
			})
			if((toparr[4]-t4)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(4).css("visibility","visible");
	},4500);
	setTimeout(function(){
		var timer=setInterval(function(){
			t1--;
			l1--;
			$("#img1s img").eq(1).css({
				left:l1+"px",
				top:t1+"px"
			})
			if((toparr[1]-t1)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(1).css("visibility","visible");
		
		
	},5500)
	setTimeout(function(){
		var timer=setInterval(function(){
			t0--;
			l0--;
			$("#img1s img").eq(0).css({
				left:l0+"px",
				top:t0+"px"
			})
			if((toparr[0]-t0)/$("#wrap").height()>=0.016){
				clearInterval(timer);
			}
	
		},1000);
		$("#yys img").eq(0).css("visibility","visible");
		
		
		
		
	},5500)
	
	setTimeout(function(){
		$("#imgptext2").css({
			animation: "imgptext2 3s infinite",
		})
		
	},10000);
//小图标的点击事件
		$("#img1s img").click(function(){
		
			$("#imgptext2").css("display","none");
			$("#bigimg").css("visibility","visible");
			
			$("#bigimg div:eq("+$(this).index()+")").css("z-index","9");
			$("#fx").css("visibility","visible");
			$("#fx").click(function(){
				$("#bigimg").css("visibility","hidden");
				$("#fx").css("visibility","hidden");
				$("#bigimg div").css("z-index","2");
			})
			
		})
		
		
		
		
	
	
});	

